<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 随机数 
        // random  0-1 之间的数 不包含 1
        // var num = Math.random();
        // console.log(num);

        // 随机 0-10之间的数 0 到10 之间 不包含 10
        // var num = parseInt( Math.random()*10);
        // var num = parseInt( Math.random()*10-0)+ 0;
        // console.log(num);


        // 随机 10-20之间的数 
        // var num = parseInt( Math.random()*10)+10

        // var num = parseInt( Math.random()*(20-10))+10
        // console.log(num);

        // 随机 5-10之间的数  
        // var num = parseInt( Math.random()*(10-5))+5;
        // console.log(num);


        // 随机 min -max之间的数字
        // var min = 5;
        // var max = 10;
        // var num = parseInt( Math.random()*(max-min))+min;
        // console.log(num);

        // 封装一个 随机函数
        // 随机函数 不包含最大值 
        // function randomNum(min,max){
        //     return parseInt( Math.random()*(max-min))+min;
        // }
        // var num = randomNum(100,200);
        // // var num = randomNum(100,201);
        // console.log(num);

        // 包含最大值 
        // 方式一： 把最大值加1
        // function randomNum(min,max){
        //     return parseInt(Math.random()*(max+1-min))+min;
        // }
        // var num = randomNum(1,5);
        // console.log(num);

        // 方式二 
        // function randomNum(min,max){
        //     return Math.round( Math.random()*(max-min)) + min;
        // }
        // var res =  randomNum(0,10) // 0 --- 9.9999999  9.6
        // console.log(res);

        /* 
        0 ----> 0-0.4999999
        1 ----> 0.5--1.49999
        2 ----> 1.5---2.49999
        3
        4
        5

        10 ----> 9.5 ---- 9.9999
        
        */

        // 小案例 
        function randomNum(min, max) {
            return parseInt(Math.random() * (max + 1 - min)) + min;
        }

        // 随机背景颜色
        setInterval(() => {
            document.body.style.backgroundColor =
                `rgb(${randomNum(0,255)},${randomNum(0,255)},${randomNum(0,255)})`;
        }, 1000);
    </script>
</body>

</html>